<template>
     <div>
    <div class="rest-record-items Fixmagrin">
      <ul class="clear">
        <li>
          <em class="red">5</em>
          <span>已调休(小时)</span>
        </li>
        <li>
          <em>11</em>
          <span>调休剩余(小时)</span>
        </li>
      </ul>
    </div>
    <div class="person-water-count">
      <div class="item">
        <div class="left">
          <p>加班</p>
          <span>(12-05&nbsp;19:00～12-05&nbsp;21:00)</span>
          <b>2017-12-06&nbsp;09:30</b>
        </div>
        <div class="right">
          <em>+2.0小时</em>
        </div>
      </div>
      <div class="item">
        <div class="left">
          <p>调休</p>
          <span>(12-05&nbsp;19:00～12-05&nbsp;21:00)</span>
          <b>2017-12-06&nbsp;09:30</b>
        </div>
        <div class="right">
          <em class="reduce">-2.0小时</em>
        </div>
      </div>
      <div class="item">
        <div class="left">
          <p>张春给黄真真增加了8.0小时的调休张春给黄真真增加了8.0小时的调休</p>
          <p class="reason">理由:业绩鼓励业绩鼓励业绩鼓励业绩鼓励业绩鼓励业绩鼓励</p>
          <span>(12-05&nbsp;19:00～12-05&nbsp;21:00)</span>
          <b>2017-12-06&nbsp;09:30</b>
        </div>
        <div class="right">
          <em>+2.0小时</em>
        </div>
      </div>
       <div class="item">
        <div class="left">
          <p>加班</p>
          <span>(12-05&nbsp;19:00～12-05&nbsp;21:00)</span>
          <b>2017-12-06&nbsp;09:30</b>
        </div>
        <div class="right">
          <em>+2.0小时</em>
        </div>
      </div>
      <p v-for="x in 100 " :key='x'>{{x}}</p>
    </div>
    
  </div>
</template>

<script>
export default {
  name: "personal_water_count",
  data() {
    return {};
  }
};
</script>
